import React, { Component } from 'react';
import '../styles/MyEntry.scss'

class MyEntry extends Component {
    constructor(props){
        super(props);
        this.state = {
            arr:[
                { name: '护肤', pic: "https://pic.cdfgsanya.com/assets/upload/visual/e3763dce7fd8c3da3d36851194a08b70.png?1662996830112" },
                { name: '彩妆', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/e6380f815b2f272c197bce33d3d5a0f0.png?1662996846908' },
                { name: '香氛', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/57b4b0241402068d8b494e77ac65b582.png?1662996862119' },
                { name: '进口酒', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/a89820d6dc73e47261744f50a0bea0cc.png?1662996893301' },
                { name: '国产酒', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/6d5c700a378eba148ac638e78f6f8dc7.png?1662996839405' },
                { name: '精品奢货', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/2225674418420d17e045cf4a9fff76cc.png?1662996854852' },
                { name: '食品百货', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/67fb94c591129bdd1794c5a5e5a0d854.png?1662996923267' },
                { name: '母婴专区', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/66b0188bf1fc285094f129e7b846e588.png?1662996912968' },
                { name: '直播专区', pic: '	https://pic.cdfgsanya.com/assets/upload/visual/58946023386d5813621c8c8fb61e0d48.png?1662996903878' },
                { name: '特卖专场', pic: 'https://pic.cdfgsanya.com/assets/upload/visual/8f2068cd40fd6305081bd255068b7f74.gif?1662996877539' },
            ]
        }
    }


    render() {
        return (
            <div className='entry'>
                {
                    this.state.arr.map((item,index)=>{
                        return (
                            <div className='cate' key = {index}>
                                <img src={item.pic} alt="" />
                                <div className='name'>{item.name}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MyEntry;